{# empty Twig template #}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('bootstrap/css/smoothness/jquery-ui-1.10.3.custom.min.css') }}" />
{% endblock %}
    
{% block body %}
    <div class="alert alert-info">
            <i class="icon-info-sign icon-large"></i>  <strong>Atención!</strong>, los días de actividades de: <code>{{ Profesor.persona.nombre }} {{ Profesor.persona.apellido }}</code>.
    </div>                      
    <table id="table" class="table dataTable table-hover">
        <thead><tr>
            <th style="text-align: center;">Días</th>   
            <th style="text-align: center;">Horarios</th>                                                                                           
            <th style="text-align: center;">Habilitado</th>                                                                                           
            <th style="text-align: center;">In/Habilitar</th>                                                                                           
        </tr></thead>
        <tbody>
        {% for clase in Clases %}            
            <tr style="">
                <td style="text-align: center;">{{clase.dia}}</td>
                <td style="text-align: center;">{{clase.horario |date('H:i')}}Hs.</td>
                <td style="text-align: center;">
                    {% if clase.habilitado %}
                        <i class="icon-check" id="habilitado"></i>
                    {% else %}
                        <i class="icon-check-empty"></i>
                    {% endif %}                                            
                </td>
                <td style="text-align: center;">
                    <div class="btn btn-mini btn-inverse" id="clase-{{clase.id}}"><i class="icon-retweet"/></div>
                </td>                                                 
            </tr>                      
        {% endfor %}
        </tbody>
    </table>
{% endblock %}
    <div  id="dialog-confirm" title="Desea Liberar la Actividad?">
        <p class="hidden" id="dialog-body"></p>
    </div>


{% block javascripts %}
<!-- Theme scripts -->
<script src="{{ asset('bootstrap/js/jquery-1.9.1.js') }}"></script>   
<script src="{{ asset('bootstrap/js/jquery-ui-1.10.3.custom.min.js') }}"></script>     
    <script type="text/javascript">
        $(document).ready(function(){               
            function disableClase(data, Row){                
                $('#dialog-body').replaceWith('<span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>Libera la actividad asociada al profesor. ¿Realmente está seguro de seguir?');
                $( "#dialog-confirm" ).dialog({
                    resizable: false,
                    height:200,
                    modal: true,
                    buttons: {
                        "Liberar Actividad": function() {
                            $.post(data); 
                            Row.remove(); // remove row                       
                            $( this ).dialog( "close" );
                            return false; // prevents default behavior 
                        },
                        Cancelar: function() {
                           $( this ).dialog( "close" );
                        }
                    }
                });
            };
        
            {% for clase in Clases %}          
                $('#clase-{{clase.id}}').click(function(){                    
                    var Row= $(this).closest("tr");
                    disableClase("{{ path('admin_clase_profesor_disable', {'id': clase.id}) }}", Row);                                                       
                });                   
           {% endfor %}
        });
    </script>
{% endblock %}